<template>
	<router-link tag="div" :to="'/special/' + specialItem.id" class="home-special-item">
		<div class="home-special-item-image">
			<img :src="specialItem.pic" alt="">
		</div>
		<div class="home-special-item-detail">
			<div class="home-special-item-detail-title" v-html="specialItem.title"></div>
			<div class="home-special-item-detail-descript" v-html="specialItem.descript"></div>
		</div>
	</router-link>
</template>

<script>
	export default {
		name: "SpecialItem",
		props: {
			specialItem: {
				type: Object,
				required: true
			}
		}
	}
</script>
